<!DOCTYPE html>
<html>

<head>
    <title>
        <!--{$forms.title}-->_
        <!--{$site.title}-->_
        <!--{$site.seotitle}-->
    </title>
    <meta name="mobile-agent" content="format=xhtml;url=<!--{$forms.iurl.mobile.url}-->">
    <meta name="mobile-agent" content="format=html5;url=<!--{$forms.iurl.mobile.url}-->">
    <link rel="alternate" media="only screen and(max-width: 640px)" href="<!--{$forms.iurl.mobile.url}-->">
    <!--{iCMS:public:ui}-->
</head>

<body class="formsApp" i="<!--{$iCMS.APP.NAME}-->">
    <!--{include file="./header.htm"}-->
    <div class="body clearfix">
        <div class="body-wrap r5" style="padding-top: 0px;">
            <div class="main-col">
                <ul class="breadcrumb">
                    <li><a href="<!--{$site.url}-->">首页</a></li>
                    <li>
                        <a href='javascript:;'>
                            表单
                        </a>
                    </li>
                    <li class="active">
                        <!--{$forms.link}-->
                    </li>
                </ul>
                <div class="article-wrap">
                    <h1><!--{$forms.title}--></h1>
                    <div class="article-info">
                        <span><a href="<!--{$site.url}-->"><!--{$site.name}--></a> <!--{$site.url}--></span>
                        <span class="pubdate"><!--{$forms.addtime|date:"Y-m-d H:i"}--></span>
                    </div>
                    <div class="clearfix"></div>
                    <div class="form-body">
                        <iframe class="hide" id="iForms_FRAME" name="iForms_FRAME"></iframe>
                        <!--自定义表单的表单-->
                        <form action="<!--{$forms.action}-->" id="<!--{$forms.layout_id}-->"
                             class="form-inline" method="post" target="iForms_FRAME">
                            <!--表单结构-->
                            <!--{iCMS:forms:create form="$forms"}-->
                            <div class="mb10"></div>
                            <div class="form-actions">
                                <button class="btn btn-lg btn-primary" type="submit">
                                    <i class="fa fa-check"></i> 提 交
                                </button>
                            </div>
                        </form>
                        <!--自定义表单提交脚本 可以自己写-->
                        <script>
                        $(function(){
                            $("#<!--{$forms.layout_id}-->").submit(function(){
                                event.preventDefault();
                                var me = $(this);
                                var param = me.serialize();
                                $.post('<!--{$forms.action}-->', param,
                                    function(ret) {
                                        if(ret.code){
                                            me.html('<div class="alert alert-success" role="alert">'+ret.msg+'</div>');
                                        }else{
                                            if(ret.forward){
                                                $("#"+ret.forward.id).focus();
                                            }
                                            iCMS.UI.alert(ret.msg);
                                        }
                                    }
                                ,'json');
                                return false;
                            });
                        });
                        </script>
                    </div>
                    <div class="clearfix mb10"></div>
                    <div class="share">
                        <div class="share-icon">
                            <div class="t">分享到</div>
                            <div class="bdsharebuttonbox" id="share-bd">
                                <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                                <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                                <a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
                                <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                                <a href="#" class="bds_more" data-cmd="more"></a>
                            </div>
                        </div>
                        <script>
                        window._bd_share_config = {
                                common: {
                                    bdText: '<!--{$forms.title}-->',
                                    bdDesc: '<!--{$forms.description|html2txt}-->',
                                    bdUrl: '<!--{$forms.url}-->',
                                    bdPic: '<!--{$forms.pic.url}-->'
                                },
                                share: [{
                                    "bdSize": 16
                                }]
                            }
                            //以下为js加载部分
                        with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion=' + ~(-new Date() / 36e5)];
                        </script>
                    </div>
                </div>
                <div class="clearfix"></div>
                <div class="related">
                    <h3><i class="line"></i>更多相关表单：</h3>
                    <div class="related-left">
                        <ul>
                            <!--{iCMS:forms:list loop='true' row='9'}-->
                            <li>
                                <a href="<!--{$forms_list.url}-->">
                                    <!--{$forms_list.title}-->
                                </a>
                            </li>
                            <!--{/iCMS}-->
                        </ul>
                    </div>
                    <div class="related-right">
                        <div style="width:300px;height:250px;background-color:#ccc;"></div>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix mb10"></div>
            </div>
            <div class="side-col">
                <div class="mod-box rank">
                    <div class="mod-title">
                        <ul>
                            <li class="active"><a href="javascript:;" data-target="#rank-week" data-toggle="tab">周点击榜</a></li>
                            <li><a href="javascript:;" data-target="#rank-momth" data-toggle="tab">周热评榜</a></li>
                        </ul>
                    </div>
                    <div class="mod-content">
                        <ul class="rank-list" id="rank-week">
                            <!--{iCMS:article:list loop="true" row="10" sub="all" orderby="week"}-->
                            <li>
                                <em class="no<!--{$article_list.rownum}-->"><!--{$article_list.rownum}--></em>
                                <a href="<!--{$article_list.url}-->" target="_blank">
                                    <!--{$article_list.title}-->
                                </a>
                            </li>
                            <!--{/iCMS}-->
                        </ul>
                        <ul class="rank-list hide" id="rank-momth">
                            <!--{iCMS:article:list loop="true" row="10" sub="all" orderby="comment" startdate="-7 day"}-->
                            <li>
                                <em class="no<!--{$article_list.rownum}-->"><!--{$article_list.rownum}--></em>
                                <a href="<!--{$article_list.url}-->" target="_blank">
                                    <!--{$article_list.title}-->
                                </a>
                            </li>
                            <!--{/iCMS}-->
                        </ul>
                    </div>
                </div>
                <div class="clearfix"></div>
                <div class="mod-box hot-tags">
                    <div class="mod-title">
                        <h3 class="mod-txt">热门标签</h3>
                    </div>
                    <div class="mod-content">
                        <ul>
                            <!--{iCMS:tag:list loop="true" row="15" sub="all" orderby="hot"}-->
                            <li>
                                <a href="<!--{$tag_list.url}-->" target="_blank" class="btn">
                                    <!--{$tag_list.name}-->
                                </a>
                            </li>
                            <!--{/iCMS}-->
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="clearfix"></div>
                <div class="mod-box pictxt">
                    <div class="mod-title">
                        <h3 class="mod-txt">图文推荐</h3>
                    </div>
                    <div class="mod-content">
                        <!--{iCMS:article:list loop="true" pic="true" sub="all" row="8"}-->
                        <div class="pictxt-list <!--{cycle values='fl,fr'}-->">
                            <a href="<!--{$article_list.url}-->" target="_blank">
                                <span class="pictxt-img">
                                            <img src="<!--{$article_list.pic.url}-->" alt="<!--{$article_list.title}-->">
                                        </span>
                                <p class="pictxt-text">
                                    <!--{$article_list.title}-->
                                </p>
                            </a>
                        </div>
                        <!--{/iCMS}-->
                    </div>
                </div>
            </div>
            <div class="clearfix mb10"></div>
        </div>
        <div class="clearfix mb20"></div>
    </div>
    <!--{include file="./footer.htm"}-->
</body>
</html>
